<template>
<div id="leftMenu">
    <Menu :theme="theme" width="auto" accordion @on-select="leftMenuSelect">
        <Submenu name="1">
            <template slot="title">
                <Icon type="ios-paper" />
                系统管理
            </template>
            <MenuItem name="/home/user">
            <Icon type="md-man" />用户管理
            </MenuItem>
            <MenuItem name="/home/role">
            <Icon type="ios-man-outline" />
            角色管理
            </MenuItem>
            <MenuItem name="/home/resource">
            <Icon type="md-keypad" />
            资源管理
            </MenuItem>
        </Submenu>
        <MenuItem name="/home/substation">
        <Icon type="ios-pin" />
        站点管理
        </MenuItem>
        <MenuItem name="/home/device">
        <Icon type="md-cube" />
        监测设备
        </MenuItem>
        <MenuItem name="/home/wlanhp">
        <Icon type="ios-cube-outline" />
        热点管理
        </MenuItem>
        <MenuItem name="/home/ldevice">
        <Icon type="ios-cube-outline" />
        有线连接设备管理
        </MenuItem>
        <MenuItem name="/home/wlansta">
        <Icon type="ios-cube-outline" />
        无线连接设备管理
        </MenuItem>
        <MenuItem name="/home/outreach">
        <Icon type="md-options" />
        外联监测
        </MenuItem>
        <MenuItem name="/home/eventlog">
        <Icon type="ios-switch" />
        事件日志
        </MenuItem>
        <MenuItem name="/home/journal">
        <Icon type="ios-paper" />
        日志审计
        </MenuItem>
    </Menu>
</div>
</template>
<script>
import {
    Menu,
    Submenu,
    MenuGroup,
    MenuItem,
    Icon
} from 'iview'
export default {
    name: 'LeftMenu',
    data() {
        return {
            theme: 'dark' //主题
        };
    },
    created() {},
    computed: {},
    methods: {
        leftMenuSelect(name) {
            this.$router.push({
                path: name
            }) //路由跳转
        }
    },
    components: {
        Menu,
        Submenu,
        MenuGroup,
        MenuItem,
        Icon
    }
}
</script>
